<template>
  <div class="mx-layer-div" v-show="currentVisible">
    <mx-marker
      v-for="(marker, index) in currentSources"
      :key="index"
      :prop="marker"
      :name="name"
      :layer="layer"
      :map="map"
      :options="options"
      :sources="sources"
      :zoom="zoom"
      :category="category"
      :activeLayerList="activeLayerList"
    />
  </div>
</template>

<script>
  import basic from './basic.vue'

  export default {
    extends: basic
  }
</script>

<style type="text/stylus" lang="stylus" rel="stylesheet/stylus">
  .mx-layer-div {
    position: absolute;
    width: 0;
    left: 0;
    height: 0;
    top: 0;
    overflow: visible;
    z-index: 10;
  }
</style>
